<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
    <title>季路健宇医药平台</title>
    <link rel="stylesheet" href="css/base.css" />
    <link rel="stylesheet" href="css/index.css" />
</head>

<body>
    <div class="layout">
        <!--搜索-->
        <header class="header">
            <div class="header_box">
                <a href="#" class="icon_logo">Giloo</a>
                <!-- 小键盘  enter 改变成  搜索 按钮 -->
                <form action="#">
                    <span class="icon_search"></span>
                    <input type="search" placeholder="请输入药品名称" />
                </form>
                <a href="#" class="login">搜索</a>
            </div>
        </header>
        <!--轮播图-->
        <div class="banner">
            <ul class="clearfix">
                <li><a href="#"><img src="images/l14.jpg" alt=""/></a></li>
                <li><a href="#"><img src="images/l10.jpg" alt=""/></a></li>
                <li><a href="#"><img src="images/l11.jpg" alt=""/></a></li>
                <li><a href="#"><img src="images/l12.jpg" alt=""/></a></li>
                <li><a href="#"><img src="images/l13.jpg" alt=""/></a></li>
                <li><a href="#"><img src="images/l14.jpg" alt=""/></a></li>
                <li><a href="#"><img src="images/l10.jpg" alt=""/></a></li>
            </ul>
            <ul>
                <li class="now"></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <!--导航栏-->
        <nav class="nav">
            <ul class="clearfix">
                <li>
                    <a href="category.html">
                        <img src="images/nav0.png" alt=""/>
                        <p>内科用药</p>
                    </a>
                </li>
                <li>
                    <a href="category.html">
                        <img src="images/nav1.png" alt=""/>
                        <p>外科用药</p>
                    </a>
                </li>
                <li>
                    <a href="category.html">
                        <img src="images/nav2.png" alt=""/>
                        <p>妇儿用药</p>
                    </a>
                </li>
                <li>
                    <a href="category.html">
                        <img src="images/nav3.png" alt=""/>
                        <p>保健食品</p>
                    </a>
                </li>
            </ul>
        </nav>
        <!--商品-->
        <main class="product">
            <!--商品子盒子-->
            <section class="product_box jd_sk">
                <!--头部-->
                <div class="product_box_tit">
                    <h3>热销药品</h3></div>
                <!--内容-->
                <div class="product_box_con">
                    <ul class="clearfix">
                        <li>
                            <a href="#"><img src="images/detail01.jpg" alt=""/></a>
                            <p>&yen;10.00</p>
                            <p>&yen;100.00</p>
                        </li>
                        <li>
                            <a href="#"><img src="images/detail02.jpg" alt=""/></a>
                            <p>&yen;10.00</p>
                            <p>&yen;100.00</p>
                        </li>
                        <li>
                            <a href="#"><img src="images/detail01.jpg" alt=""/></a>
                            <p>&yen;10.00</p>
                            <p>&yen;100.00</p>
                        </li>
                    </ul>
                </div>
            </section>
            <!--商品子盒子-->
            <section class="product_box">
                <!--头部-->
                <div class="product_box_tit">
                    <h3>全部药品</h3>
                </div>
                <!--内容-->
                <div class="product_box_con clearfix">
                    <ul class="drug clearfix">
                        <li>
                            <a href="">
                                <img src="images/d1.jpg" alt="">
                            </a>
                            <p>小儿感冒颗粒</p>
                            <div class="xuan clearfix">
                                <span class="rmb">&yen;<span class="price">10.5</span></span>
                                <div class="f_right xuanze">
                                    <span>
                                        <a href="">-</a>
                                    </span>
                                    <span>
                                        <input type="text" name="" value="" class="xuaninput">
                                    </span>
                                    <span>
                                        <a href="">+</a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/d2.jpg" alt="">
                            </a>
                            <p>小儿感冒颗粒</p>
                            <div class="xuan">
                                <span class="rmb">&yen;<span class="price">10.5</span></span>
                                <div class="f_right xuanze">
                                    <span>
                                        <a href="">-</a>
                                    </span>
                                    <span>
                                        <input type="text" name="" value="" class="xuaninput">
                                    </span>
                                    <span>
                                        <a href="">+</a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/d1.jpg" alt="">
                            </a>
                            <p>小儿感冒颗粒</p>
                            <div class="xuan">
                                <span class="rmb">&yen;<span class="price">10.5</span></span>
                                <div class="f_right xuanze">
                                    <span>
                                        <a href="">-</a>
                                    </span>
                                    <span>
                                        <input type="text" name="" value="" class="xuaninput">
                                    </span>
                                    <span>
                                        <a href="">+</a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/d2.jpg" alt="">
                            </a>
                            <p>小儿感冒颗粒</p>
                            <div class="xuan">
                                <span class="rmb">&yen;<span class="price">10.5</span></span>
                                <div class="f_right xuanze">
                                    <span>
                                        <a href="">-</a>
                                    </span>
                                    <span>
                                        <input type="text" name="" value="" class="xuaninput">
                                    </span>
                                    <span>
                                        <a href="">+</a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/d1.jpg" alt="">
                            </a>
                            <p>小儿感冒颗粒</p>
                            <div class="xuan">
                                <span class="rmb">&yen;<span class="price">10.5</span></span>
                                <div class="f_right xuanze">
                                    <span>
                                        <a href="">-</a>
                                    </span>
                                    <span>
                                        <input type="text" name="" value="" class="xuaninput">
                                    </span>
                                    <span>
                                        <a href="">+</a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/d2.jpg" alt="">
                            </a>
                            <p>小儿感冒颗粒</p>
                            <div class="xuan">
                                <span class="rmb">&yen;<span class="price">10.5</span></span>
                                <div class="f_right xuanze">
                                    <span>
                                        <a href="">-</a>
                                    </span>
                                    <span>
                                        <input type="text" name="" value="" class="xuaninput">
                                    </span>
                                    <span>
                                        <a href="">+</a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/d1.jpg" alt="">
                            </a>
                            <p>小儿感冒颗粒</p>
                            <div class="xuan">
                                <span class="rmb">&yen;<span class="price">10.5</span></span>
                                <div class="f_right xuanze">
                                    <span>
                                        <a href="">-</a>
                                    </span>
                                    <span>
                                        <input type="text" name="" value="" class="xuaninput">
                                    </span>
                                    <span>
                                        <a href="">+</a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/d2.jpg" alt="">
                            </a>
                            <p>小儿感冒颗粒</p>
                            <div class="xuan">
                                <span class="rmb">&yen;<span class="price">10.5</span></span>
                                <div class="f_right xuanze">
                                    <span>
                                        <a href="">-</a>
                                    </span>
                                    <span>
                                        <input type="text" name="" value="" class="xuaninput">
                                    </span>
                                    <span>
                                        <a href="">+</a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/d1.jpg" alt="">
                            </a>
                            <p>小儿感冒颗粒</p>
                            <div class="xuan">
                                <span class="rmb">&yen;<span class="price">10.5</span></span>
                                <div class="f_right xuanze">
                                    <span>
                                        <a href="">-</a>
                                    </span>
                                    <span>
                                        <input type="text" name="" value="" class="xuaninput">
                                    </span>
                                    <span>
                                        <a href="">+</a>
                                    </span>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="">
                                <img src="images/d2.jpg" alt="">
                            </a>
                            <p>小儿感冒颗粒</p>
                            <div class="xuan">
                                <span class="rmb">&yen;<span class="price">10.5</span></span>
                                <div class="f_right xuanze">
                                    <span>
                                        <a href="">-</a>
                                    </span>
                                    <span>
                                        <input type="text" name="" value="" class="xuaninput">
                                    </span>
                                    <span>
                                        <a href="">+</a>
                                    </span>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </section>
        </main>
    </div>
    <script src="js/common.js"></script>
    <script src="js/index.js"></script>
</body>

</html>
